<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <style>
        @page {
            size: 9cm 5cm;
            margin: 0;
            content: counter(page);
            width: 100%;
            height: 100%;
        }

        /*不能随意修改这里 hongwei.lian*/

        * {
            margin: 0;
            padding: 0;
        }

        html, body {
            /*font-size: 14pt;*/
            width: 100%;
            height: 100%;
            /*background:url(/data/App/ptoms.cfaoe.local/logo-bg.jpg);*/
        }

        table {
            width: 8.8cm;
            height: 4.8cm;
            font-size: 10pt;

            border: 0.02cm solid black;
        }

        tr td {
            height: 0.68cm;
            border: 1px solid black;
        }
        .title{
            width: 60px;
        }
        .pic-td{
            width: 150px;
        }
        .pic{
            width: 100px;
            display: inline;
            height: 110px;
        }

        /*宋五*/

    </style>
</head>
<body>
<!--<div style="width: 9cm;height: 5cm;display: flex;align-items:center;justify-content:center;padding: 0">-->
<table cellspacing="0" cellpadding="0">
    <tr>
        <td colspan="3" style="text-align: center">原材料</td>
    </tr>
    <tr>
        <td class="title">原料名称</td>
        <td colspan="2">细石粉</td>
    </tr>
    <tr>
        <td class="title">批次号</td>
        <td>123</td>
        <td rowspan="5" class="pic-td">
            <img class="pic" src="D:/work/java/jeesite4/root/qr/P0101_123.png"/>
        </td>
    </tr>
    <tr>
        <td class="title">原料类型</td>
        <td></td>
    </tr>
    <tr>
        <td class="title">原料代码</td>
        <td>P0101</td>
    </tr>
    <tr>
        <td class="title">包装规格</td>
        <td>25</td>
    </tr>
    <tr>
        <td class="title">过期日期</td>
        <td>2021-02-04</td>
    </tr>
</table>
<!--</div>-->
</body>
</html>